<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="../assets/favicon.ico">
<title>jindo.Effect - Jindo Component - AjaxUI@NHN</title>
<link rel="stylesheet" type="text/css" href="../assets/prettify/prettify-min.css" media="screen">
<script type="text/javascript">
	var isMobile = (function() {
		var r = window.devicePixelRatio || 1;
		if (/windows phone/i.test(navigator.userAgent)) { r = 2; }
		
		var s = Math.max(screen.width / r, screen.height / r);
		
		var m = s < 1024;
		var href = m ? "api.mobile.css" : "api.css";
		document.write('<link rel="stylesheet" type="text/css" href="../assets/' + href + '" media="screen">');
		
		return m;
	})();
</script>

<script type="text/javascript" src="../assets/jindo.desktop.min.js"></script>
<script type="text/javascript" src="../assets/jindo_component.min.js"></script>
</head>
<body class="api-page">
<div id="wrap" class=""><!-- 2Depth 접기 : lft_fold 추가 -->

	<div id="header">
		<h1><a href="../index.html"><span class="blind">JindoJS</span></a></h1>
		<div class="info">
			<span class="version">version 1.6.0</span>
			<span class="bar">|</span>
			<span class="help"><span class="ic_help"></span><a href="http://devcode.nhncorp.com/projects/jindo-component/issue" target="_blank">버그신고/문의</a></span>
		</div>
		<div class="menu">
			<button type="button" id="toggle_search_btn" class="btn_sch"><span class="blind">검색</span></button>
			<button type="button" id="toggle_list_btn" class="btn_snb btn_snb_on"><span class="blind">메뉴</span></button>
			<!-- [D] 클릭시 btn_sch_on,btn_snb_on 추가 -->
		</div>
	</div>

	<!-- sch_frm -->
	<div class="sch_frm hide_when_small">
		<h2 class="blind">검색</h2>
		<div class="filter">
			<input type="search" id="api-filter" placeholder="검색어를 입력하세요.">
		</div>
		<div id="search-tab" style="display:none;">
			<ul class="tabs">
			<li class="tc-tab">전체</li>
			<li class="tc-tab">키워드</li>
			<li class="tc-tab">클래스</li>
			<li class="tc-tab">메서드</li>
			<li class="tc-tab">프로퍼티</li>
			<li class="tc-tab">이벤트</li>
			</ul>
			<div class="panels">
				<ul id="api-all" class="tc-panel"></ul>
				<ul id="api-keywords" class="tc-panel"></ul>
				<ul id="api-classes" class="tc-panel"></ul>
				<ul id="api-methods" class="tc-panel"></ul>
				<ul id="api-attrs" class="tc-panel"></ul>
				<ul id="api-events" class="tc-panel"></ul>
			</div>

		</div>
	</div>
	<!-- // sch_frm -->

	<!-- container -->
	<div id="container">
		<!-- left-columns -->
		<div id="left-columns" class="sidemenu has_scrollbar">
			<h2 class="blind"><a href="../index.html"><span>APIs</span></a></h2>
<div class="snb depth1 scrollbar hide_when_small">
	<!-- [D] style="width:135px; height:384px; -->
	<div class="scrollbar-box">
		<div class="scrollbar-content">
			<div><ul>
			            <li class="">
			            	<a href="../classes/jindo.Accordion.html" class="">
			                	Accordion
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.AjaxHistory.html" class="">
			                	AjaxHistory
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.BrowseButton.html" class="">
			                	BrowseButton
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Cache.html" class="">
			                	Cache
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Calendar.html" class="">
			                	Calendar
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Canvas.html" class="">
			                	Canvas
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.CheckBox.html" class="">
			                	CheckBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.CircularRolling.html" class="">
			                	CircularRolling
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Clipboard.html" class="">
			                	Clipboard
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Component.html" class="">
			                	Component
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DataBridge.html" class="">
			                	DataBridge
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DatePicker.html" class="">
			                	DatePicker
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DefaultTextValue.html" class="">
			                	DefaultTextValue
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Dialog.html" class="">
			                	Dialog
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DragArea.html" class="">
			                	DragArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DropArea.html" class="">
			                	DropArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DynamicTree.html" class="">
			                	DynamicTree
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Effect.html" class="selected">
			                	Effect
								
								

							    
						        
						            <span class="flag static" title="static"><span class="blind">static</span></span>
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.FileUploader.html" class="">
			                	FileUploader
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.FloatingLayer.html" class="">
			                	FloatingLayer
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Foggy.html" class="">
			                	Foggy
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Formatter.html" class="">
			                	Formatter
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.HTMLComponent.html" class="">
			                	HTMLComponent
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.InlineTextEdit.html" class="">
			                	InlineTextEdit
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerEffect.html" class="">
			                	LayerEffect
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerManager.html" class="">
			                	LayerManager
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerPosition.html" class="">
			                	LayerPosition
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LazyLoading.html" class="">
			                	LazyLoading
								
								

							    
						        
						            <span class="flag static" title="static"><span class="blind">static</span></span>
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ModalDialog.html" class="">
			                	ModalDialog
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.MouseGesture.html" class="">
			                	MouseGesture
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.MultipleAjaxRequest.html" class="">
			                	MultipleAjaxRequest
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.NumberFormatter.html" class="">
			                	NumberFormatter
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.NumericStepper.html" class="">
			                	NumericStepper
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Pagination.html" class="">
			                	Pagination
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Rolling.html" class="">
			                	Rolling
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RollingChart.html" class="">
			                	RollingChart
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RolloverArea.html" class="">
			                	RolloverArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RolloverClick.html" class="">
			                	RolloverClick
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ScrollBar.html" class="">
			                	ScrollBar
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ScrollBox.html" class="">
			                	ScrollBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.SelectArea.html" class="">
			                	SelectArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.SelectBox.html" class="">
			                	SelectBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Slider.html" class="">
			                	Slider
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.StarRating.html" class="">
			                	StarRating
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.TabControl.html" class="">
			                	TabControl
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.TextRange.html" class="">
			                	TextRange
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Timer.html" class="">
			                	Timer
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Transition.html" class="">
			                	Transition
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Tree.html" class="">
			                	Tree
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.UIComponent.html" class="">
			                	UIComponent
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.UploadQueue.html" class="">
			                	UploadQueue
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.WatchInput.html" class="">
			                	WatchInput
								
								

							    
						        
			            	</a>
			            </li>
			        </ul></div>
		</div>
	</div>
	<div class="scrollbar-v">
		<div class="scrollbar-button-up"></div>
		<div class="scrollbar-track">
			<div class="scrollbar-thumb" style="top: 0px; height: 222px; "></div>
		</div>
		<div class="scrollbar-button-down"></div>
	</div>
</div>


	
<div class="snb depth2 scrollbar">
	<div class="scrollbar-box">
		<div class="scrollbar-content">
			<h3 class="blind">jindo.Effect 클래스</h3>
			<div class="smanuals">
		
				<h3>보기 옵션</h3>
				<ul class="api-options">
					<li class="api-show-inherited">
						<span id="checkbox-inherited">
							<span class="checkbox-mark checkbox-checked"></span>
							<input type="checkbox" id="api-show-inherited">
						</span><label for="api-show-inherited">상속받은 항목</label>

					</li>
					<li class="api-show-deprecated">
						<span id="checkbox-deprecated">
							<span class="checkbox-mark"></span>
							<input type="checkbox" id="api-show-deprecated">
						</span><label for="api-show-deprecated">폐지예정 항목</label>
					</li>
				</ul>
	
		        
		            <h3><a href="#manual">매뉴얼</a></h3>
		
		            <ul class="manuals">
		                
		                    <li class="manual">
		                        <a href="#manual_a72b318c219e229212ccdfd0b41a98cb">Jindo.Effect</a>
		                    </li>
		                
		                    <li class="manual">
		                        <a href="#manual_6e99624911e2d2790bf912ff6d860465">이펙트 함수 사용방법</a>
		                    </li>
		                
		            </ul>
		        

		        
		            <h3><a href="#demo">데모</a></h3>
		        
		
		        
				
		        
		
		        
		            <h3><a href="#method">메서드</a></h3>
		
		            <ul class="methods">
		                
		                    <li class="">
		                        <a href="#method_bounce" title="bounce&nbsp;이펙트&nbsp;함수
easeOutBounce&nbsp;함수와&nbsp;동일하다.">
		                            bounce()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_cubicBezier" title="Cubic-Bezier&nbsp;함수를&nbsp;생성한다.">
		                            cubicBezier()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_cubicEase" title="Cubic-Bezier&nbsp;커브를&nbsp;이용해&nbsp;CSS3&nbsp;Transition&nbsp;Timing&nbsp;Function과&nbsp;동일한&nbsp;ease&nbsp;함수">
		                            cubicEase()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_cubicEaseIn" title="Cubic-Bezier&nbsp;커브를&nbsp;이용해&nbsp;CSS3&nbsp;Transition&nbsp;Timing&nbsp;Function과&nbsp;동일한&nbsp;easeIn&nbsp;함수">
		                            cubicEaseIn()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_cubicEaseInOut" title="Cubic-Bezier&nbsp;커브를&nbsp;이용해&nbsp;CSS3&nbsp;Transition&nbsp;Timing&nbsp;Function과&nbsp;동일한&nbsp;easeInOut&nbsp;함수">
		                            cubicEaseInOut()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_cubicEaseOut" title="Cubic-Bezier&nbsp;커브를&nbsp;이용해&nbsp;CSS3&nbsp;Transition&nbsp;Timing&nbsp;Function과&nbsp;동일한&nbsp;easeOut&nbsp;함수">
		                            cubicEaseOut()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_cubicEaseOutIn" title="Cubic-Bezier&nbsp;커브를&nbsp;이용해&nbsp;easeOutIn&nbsp;함수를&nbsp;구한다.">
		                            cubicEaseOutIn()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeIn" title="easeIn&nbsp;이펙트&nbsp;함수
easeInCubic&nbsp;함수와&nbsp;동일하다.">
		                            easeIn()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInBack" title="easeInBack&nbsp;이펙트&nbsp;함수">
		                            easeInBack()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInBounce" title="easeInBounce&nbsp;이펙트&nbsp;함수">
		                            easeInBounce()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInCircle" title="easeInCircle&nbsp;이펙트&nbsp;함수">
		                            easeInCircle()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInCubic" title="easeInCubic&nbsp;이펙트&nbsp;함수">
		                            easeInCubic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInElastic" title="easeInElastic&nbsp;이펙트&nbsp;함수">
		                            easeInElastic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInExpo" title="easeInExpo&nbsp;이펙트&nbsp;함수">
		                            easeInExpo()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOut" title="easeInOut&nbsp;이펙트&nbsp;함수
easeInOutCubic&nbsp;함수와&nbsp;동일하다.">
		                            easeInOut()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutBack" title="easeInOutBack&nbsp;이펙트&nbsp;함수">
		                            easeInOutBack()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutBounce" title="easeInOutBounce&nbsp;이펙트&nbsp;함수">
		                            easeInOutBounce()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutCircle" title="easeInOutCircle&nbsp;이펙트&nbsp;함수">
		                            easeInOutCircle()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutCubic" title="easeInOutCubic&nbsp;이펙트&nbsp;함수">
		                            easeInOutCubic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutElastic" title="easeInOutElastic&nbsp;이펙트&nbsp;함수">
		                            easeInOutElastic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutExpo" title="easeInOutExpo&nbsp;이펙트&nbsp;함수">
		                            easeInOutExpo()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutQuad" title="easeInOutQuad&nbsp;이펙트&nbsp;함수">
		                            easeInOutQuad()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutQuart" title="easeInOutQuart&nbsp;이펙트&nbsp;함수">
		                            easeInOutQuart()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutQuint" title="easeInOutQuint&nbsp;이펙트&nbsp;함수">
		                            easeInOutQuint()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInOutSine" title="easeInOutSine&nbsp;이펙트&nbsp;함수">
		                            easeInOutSine()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInQuad" title="easeInQuad&nbsp;이펙트&nbsp;함수">
		                            easeInQuad()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInQuart" title="easeInQuart&nbsp;이펙트&nbsp;함수">
		                            easeInQuart()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInQuint" title="easeInQuint&nbsp;이펙트&nbsp;함수">
		                            easeInQuint()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeInSine" title="easeInSine&nbsp;이펙트&nbsp;함수">
		                            easeInSine()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOut" title="easeOut&nbsp;이펙트&nbsp;함수
easeOutCubic&nbsp;함수와&nbsp;동일하다.">
		                            easeOut()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutBack" title="easeOutBack&nbsp;이펙트&nbsp;함수">
		                            easeOutBack()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutBounce" title="easeOutBounce&nbsp;이펙트&nbsp;함수">
		                            easeOutBounce()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutCircle" title="easeOutCircle&nbsp;이펙트&nbsp;함수">
		                            easeOutCircle()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutCubic" title="easeOutCubic&nbsp;이펙트&nbsp;함수">
		                            easeOutCubic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutElastic" title="easeOutElastic&nbsp;이펙트&nbsp;함수">
		                            easeOutElastic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutExpo" title="easeOutExpo&nbsp;이펙트&nbsp;함수">
		                            easeOutExpo()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutIn" title="easeOutIn&nbsp;이펙트&nbsp;함수
easeOutInCubic&nbsp;함수와&nbsp;동일하다.">
		                            easeOutIn()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInCircle" title="easeOutInCircle&nbsp;이펙트&nbsp;함수">
		                            easeOutInCircle()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInCubic" title="easeOutInCubic&nbsp;이펙트&nbsp;함수">
		                            easeOutInCubic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInExpo" title="easeOutExpo&nbsp;이펙트&nbsp;함수">
		                            easeOutInExpo()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInQuad" title="easeOutInQuad&nbsp;이펙트&nbsp;함수">
		                            easeOutInQuad()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInQuart" title="easeOutInQuart&nbsp;이펙트&nbsp;함수">
		                            easeOutInQuart()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInQuint" title="easeOutInQuint&nbsp;이펙트&nbsp;함수">
		                            easeOutInQuint()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutInSine" title="easeOutInSine&nbsp;이펙트&nbsp;함수">
		                            easeOutInSine()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutQuad" title="easeOutQuad&nbsp;이펙트&nbsp;함수">
		                            easeOutQuad()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutQuart" title="easeOutQuart&nbsp;이펙트&nbsp;함수">
		                            easeOutQuart()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutQuint" title="easeOutQuint&nbsp;이펙트&nbsp;함수">
		                            easeOutQuint()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_easeOutSine" title="easeOutSine&nbsp;이펙트&nbsp;함수">
		                            easeOutSine()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_elastic" title="elastic&nbsp;이펙트&nbsp;함수
easeInElastic&nbsp;함수와&nbsp;동일하다.">
		                            elastic()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_linear" title="linear&nbsp;이펙트&nbsp;함수">
		                            linear()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_mirror" title="mirror&nbsp;이펙트&nbsp;함수
sinusoidal&nbsp;이펙트&nbsp;함수를&nbsp;사용한다.">
		                            mirror()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_overphase" title="overphase&nbsp;이펙트&nbsp;함수">
		                            overphase()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_pulse" title="nPulse의&nbsp;진동수를&nbsp;가지는&nbsp;cos&nbsp;함수를&nbsp;구한다.">
		                            pulse()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_sinusoidal" title="sin&nbsp;곡선의&nbsp;일부를&nbsp;이용한&nbsp;sinusoidal&nbsp;이펙트&nbsp;함수">
		                            sinusoidal()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		                    <li class="">
		                        <a href="#method_wave" title="nPeriod의&nbsp;주기와&nbsp;nHeight의&nbsp;진폭을&nbsp;가지는&nbsp;sin&nbsp;함수를&nbsp;구한다.">
		                            wave()
		                            
		                            <span class="flag static" title="static"><span class="blind">static</span></span>
		                            
		                            
		                        </a>
		                    </li>
		                
		            </ul>
		        
		
		        
		
		        
		
		        
	
			</div>
		</div>
	</div>
	<div class="scrollbar-v">
		<div class="scrollbar-button-up"></div>
		<div class="scrollbar-track">
			<div class="scrollbar-thumb" style="top: 0px; height: 222px; "></div>
		</div>
		<div class="scrollbar-button-down"></div>
	</div>
</div>

<button type="button" title="펼치기" class="btn_open">바로가기 열기<span class="ic"></span></button>
<button type="button" title="접기" class="btn_close">바로가기 닫기<span class="ic"></span></button>

		</div>
		<!-- // left-columns -->

		<!-- main content -->
		<div id="main">
			<div class="main_fix">
				
<!-- content -->
<div class="content">
	<h1 class="blind">
		Effect
	</h1>

	<div class="tc-panel first">
		<dl class="relation">
		<dt>클래스</dt>
		<dd>jindo.Effect
		    
	        
	            <span class="flag static" title="static"><span class="blind">static</span></span>
	        
			<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l11" title="view source code"><span class="blind">소스코드</span></a></span>
		</dd>

	    

	    
		
	    
		
	    
		
		</dl>

		
		
		<div class="description"><p>수치의 중간 값을 쉽게 얻을 수 있게 하는 static 컴포넌트
새로운 이펙트 함수를 생성한다.</p></div>
		
		

	    
	    
		<div class="qr_code">
			<strong>QR code</strong>
		
			<div id="QRView">
			<script type="text/javascript">

				document.write([
					'<img src="http://chart.apis.google.com/chart?cht=qr&chs=220x220&chl=',
					encodeURIComponent(location.href.replace(/#.*$/, '')),
					'&choe=UTF-8" />'
				].join(''));

			</script>
			</div>
		</div>	    
	    
		
	</div>

	<div class="tc-panel panel">

        

        

        
			<h2 class="noline">메서드</h2>
			
			<table class="tbl_board">
			<caption class="hide">메서드</caption>
			<colgroup>
			<col style="width:22px">
			<col style="">
			<col style="width:160px">
			</colgroup>
			<thead>
			<tr>
			<th scope="col"></th>
			<th scope="col">메서드</th>
			<th scope="col">정의 주체</th>
			</tr>
			</thead>
			<tbody>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_bounce" class="name">bounce</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>bounce 이펙트 함수
easeOutBounce 함수와 동일하다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_cubicBezier" class="name">cubicBezier</a>
(x1:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, y1:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, x2:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, y2:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>)
:<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a>
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>Cubic-Bezier 함수를 생성한다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_cubicEase" class="name">cubicEase</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 ease 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_cubicEaseIn" class="name">cubicEaseIn</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeIn 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_cubicEaseInOut" class="name">cubicEaseInOut</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeInOut 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_cubicEaseOut" class="name">cubicEaseOut</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeOut 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_cubicEaseOutIn" class="name">cubicEaseOutIn</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>Cubic-Bezier 커브를 이용해 easeOutIn 함수를 구한다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeIn" class="name">easeIn</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeIn 이펙트 함수
easeInCubic 함수와 동일하다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInBack" class="name">easeInBack</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInBack 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInBounce" class="name">easeInBounce</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInBounce 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInCircle" class="name">easeInCircle</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInCircle 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInCubic" class="name">easeInCubic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInCubic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInElastic" class="name">easeInElastic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInElastic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInExpo" class="name">easeInExpo</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInExpo 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOut" class="name">easeInOut</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOut 이펙트 함수
easeInOutCubic 함수와 동일하다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutBack" class="name">easeInOutBack</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutBack 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutBounce" class="name">easeInOutBounce</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutBounce 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutCircle" class="name">easeInOutCircle</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutCircle 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutCubic" class="name">easeInOutCubic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutCubic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutElastic" class="name">easeInOutElastic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutElastic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutExpo" class="name">easeInOutExpo</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutExpo 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutQuad" class="name">easeInOutQuad</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutQuad 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutQuart" class="name">easeInOutQuart</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutQuart 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutQuint" class="name">easeInOutQuint</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutQuint 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInOutSine" class="name">easeInOutSine</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInOutSine 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInQuad" class="name">easeInQuad</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInQuad 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInQuart" class="name">easeInQuart</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInQuart 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInQuint" class="name">easeInQuint</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInQuint 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeInSine" class="name">easeInSine</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeInSine 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOut" class="name">easeOut</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOut 이펙트 함수
easeOutCubic 함수와 동일하다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutBack" class="name">easeOutBack</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutBack 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutBounce" class="name">easeOutBounce</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutBounce 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutCircle" class="name">easeOutCircle</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutCircle 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutCubic" class="name">easeOutCubic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutCubic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutElastic" class="name">easeOutElastic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutElastic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutExpo" class="name">easeOutExpo</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutExpo 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutIn" class="name">easeOutIn</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutIn 이펙트 함수
easeOutInCubic 함수와 동일하다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInCircle" class="name">easeOutInCircle</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutInCircle 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInCubic" class="name">easeOutInCubic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutInCubic 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInExpo" class="name">easeOutInExpo</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutExpo 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInQuad" class="name">easeOutInQuad</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutInQuad 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInQuart" class="name">easeOutInQuart</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutInQuart 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInQuint" class="name">easeOutInQuint</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutInQuint 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutInSine" class="name">easeOutInSine</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutInSine 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutQuad" class="name">easeOutQuad</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutQuad 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutQuart" class="name">easeOutQuart</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutQuart 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutQuint" class="name">easeOutQuint</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutQuint 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_easeOutSine" class="name">easeOutSine</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>easeOutSine 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_elastic" class="name">elastic</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>elastic 이펙트 함수
easeInElastic 함수와 동일하다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_linear" class="name">linear</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>linear 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_mirror" class="name">mirror</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>mirror 이펙트 함수
sinusoidal 이펙트 함수를 사용한다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_overphase" class="name">overphase</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>overphase 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_pulse" class="name">pulse</a>
(nPulse:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>)
:<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a>
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>nPulse의 진동수를 가지는 cos 함수를 구한다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_sinusoidal" class="name">sinusoidal</a>
( )
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>sin 곡선의 일부를 이용한 sinusoidal 이펙트 함수</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
					<tr class=" ">
					<td class="type">
				        
				        
					</td>
					<td>
						<a href="#method_wave" class="name">wave</a>
(nPeriod:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, nHeight:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>)
:<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a>
 
<span title="static" class="flag static"><span class="blind">static</span></span>
						<p><p>nPeriod의 주기와 nHeight의 진폭을 가지는 sin 함수를 구한다.</p></p>
					</td>
					<td>jindo.Effect</td>
					</tr>
	            
			</tbody>
			</table>
        

        			
	</div>

    
        <div class="tc-panel">
			<h2 id="manual">매뉴얼</h2>
            
				<div id="manual_a72b318c219e229212ccdfd0b41a98cb" class="manual item">
				    <h3>Jindo.Effect</h3>
				    <div class="description"><p>jindo.Effect는 jindo.Component를 상속하지 않은 스태틱 컴포넌트이다. 따라서 jindo.Effect는 new 키워드로 인스턴스를 생성할수 없다. jindo.Effect는 인자로 easing 함수를 전달하여 이펙트 함수를 리턴한다.</p>

<h4>jindo.Effect.linear() 사용 예</h4>

<p>jindo.Effect.linear() 함수는 다음과 같이 정의되어있다.</p>

<pre class="code"><code class="prettyprint">jindo.Effect.linear = jindo.Effect(function(s) {
    return s;
});
</code></pre>

<p>예제에서 정의된 function(s) { return s; }가 easing 함수이며, jindo.Effect.linear는 생성된 이펙트 함수이다.</p></div>
				</div>
            
				<div id="manual_6e99624911e2d2790bf912ff6d860465" class="manual item">
				    <h3>이펙트 함수 사용방법</h3>
				    <div class="description"><p>이펙트 함수는 시작값과 종료값을 지정하고 이에 대한 타이밍 함수를 리턴한다. 리턴된 타이밍 함수는 0부터 1사이의 값을 입력받아 계산된 값을 리턴한다. 이펙트 함수는 크게 3가지 사용방법이 있다.</p>

<h4>시작값과 종료값을 인자로 전달하는 방법</h4>

<p>아래의 예제는 jindo.Effect.linear 이펙트 함수를 시작값 100, 종료값 200으로 호출한 예이다.</p>

<pre class="code"><code class="prettyprint">//include jindo.Effect.js  

var f = jindo.Effect.linear(100, 200);
f(0); //100
f(0.5); //150
f(1); //200
</code></pre>

<p>종료값만 인자로 전달하는 방법</p>

<p>아래의 예제는 jindo.Effect.linear 이펙트 함수를 종료값 200으로 호출한 예이다.</p>

<pre class="code"><code class="prettyprint">var f = jindo.Effect.linear(200);
f(0); //0
f(0.5); //100
f(1); //200
</code></pre>

<p>시작값을 생략한 값은 시작값을 0으로 지정한 것과 동일하게 동작한다.</p>

<h4>종료값만 인자로 전달하고 생성한 이후 setStart()로 시작값을 변경하는 방법</h4>

<p>아래의 예제는 jindo.Effect.linear 이펙트 함수를 종료값 200으로 호출하고 생성된 타이밍 함수 f에 setStart(100)을 실행하여 시작값을 100으로 변경한 예제이다.</p>

<pre class="code"><code class="prettyprint">var f = jindo.Effect.linear(200);
f.setStart(100); //시작값 변경
f(0); //100
f(0.5); //150
f(1); //200
</code></pre></div>
				</div>
            
        </div>
    

	

	
	
	
		<div class="tc-panel">
			<h2 id="method">메서드 세부 정보</h2>
	        
	            
<div id="method_bounce" class="method item">
	<h3>bounce()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l771" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>bounce
( )</code></div>
	<div class="description"><p>bounce 이펙트 함수
easeOutBounce 함수와 동일하다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="easeOutBounce.html" target="_self">easeOutBounce</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_cubicBezier" class="method item">
	<h3>cubicBezier()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l587" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>cubicBezier
(x1:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, y1:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, x2:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, y2:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>)
:<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></code></div>
	<div class="description"><p>Cubic-Bezier 함수를 생성한다.</p></div>

	
	
    
        <div class="params">
			<h4>매개 변수</h4>

            <ul class="params-list">
            
<li class="param  ">
    
    
        <code class="name">x1</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">control point 1의 x좌표</p>

	
	
    
</li>

<li class="param  ">
    
    
        <code class="name">y1</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">control point 1의 y좌표</p>

	
	
    
</li>

<li class="param  ">
    
    
        <code class="name">x2</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">control point 2의 x좌표</p>

	
	
    
</li>

<li class="param  last">
    
    
        <code class="name">y2</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">control point 2의 y좌표</p>

	
	
    
</li>

            </ul>
        </div>
    
	
    
        <div class="params">
			<h4>반환값</h4>
            <ul class="params-list">
            
<li class="param  last">
    
	<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
	<p class="description">생성된 이펙트 함수</p>
	
</li>

            </ul>
        </div>
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve" target="blank">http://en.wikipedia.org/wiki/B%C3%A9zier_curve</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_cubicEase" class="method item">
	<h3>cubicEase()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l603" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>cubicEase
( )</code></div>
	<div class="description"><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 ease 함수</p></div>

	
	
    
	
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">jindo.Effect.cubicBezier(0.25, 0.1, 0.25, 1);
</code></pre>
            </div>
        </div>
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag" target="blank">http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_cubicEaseIn" class="method item">
	<h3>cubicEaseIn()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l615" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>cubicEaseIn
( )</code></div>
	<div class="description"><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeIn 함수</p></div>

	
	
    
	
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">jindo.Effect.cubicBezier(0.42, 0, 1, 1);
</code></pre>
            </div>
        </div>
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag" target="blank">http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_cubicEaseInOut" class="method item">
	<h3>cubicEaseInOut()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l639" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>cubicEaseInOut
( )</code></div>
	<div class="description"><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeInOut 함수</p></div>

	
	
    
	
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">jindo.Effect.cubicBezier(0.42, 0, 0.58, 1);
</code></pre>
            </div>
        </div>
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag" target="blank">http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_cubicEaseOut" class="method item">
	<h3>cubicEaseOut()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l627" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>cubicEaseOut
( )</code></div>
	<div class="description"><p>Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeOut 함수</p></div>

	
	
    
	
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">jindo.Effect.cubicBezier(0, 0, 0.58, 1);
</code></pre>
            </div>
        </div>
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag" target="blank">http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_cubicEaseOutIn" class="method item">
	<h3>cubicEaseOutIn()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l651" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>cubicEaseOutIn
( )</code></div>
	<div class="description"><p>Cubic-Bezier 커브를 이용해 easeOutIn 함수를 구한다.</p></div>

	
	
    
	
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">jindo.Effect.cubicBezier(0, 0.42, 1, 0.58);
</code></pre>
            </div>
        </div>
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeIn" class="method item">
	<h3>easeIn()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l735" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeIn
( )</code></div>
	<div class="description"><p>easeIn 이펙트 함수
easeInCubic 함수와 동일하다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="easeInCubic.html" target="_self">easeInCubic</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInBack" class="method item">
	<h3>easeInBack()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l339" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInBack
( )</code></div>
	<div class="description"><p>easeInBack 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInBounce" class="method item">
	<h3>easeInBounce()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l463" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInBounce
( )</code></div>
	<div class="description"><p>easeInBounce 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInCircle" class="method item">
	<h3>easeInCircle()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l302" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInCircle
( )</code></div>
	<div class="description"><p>easeInCircle 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInCubic" class="method item">
	<h3>easeInCubic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l191" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInCubic
( )</code></div>
	<div class="description"><p>easeInCubic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInElastic" class="method item">
	<h3>easeInElastic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l369" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInElastic
( )</code></div>
	<div class="description"><p>easeInElastic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInExpo" class="method item">
	<h3>easeInExpo()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l482" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInExpo
( )</code></div>
	<div class="description"><p>easeInExpo 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOut" class="method item">
	<h3>easeInOut()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l753" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOut
( )</code></div>
	<div class="description"><p>easeInOut 이펙트 함수
easeInOutCubic 함수와 동일하다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="easeInOutCubic.html" target="_self">easeInOutCubic</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutBack" class="method item">
	<h3>easeInOutBack()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l359" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutBack
( )</code></div>
	<div class="description"><p>easeInOutBack 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutBounce" class="method item">
	<h3>easeInOutBounce()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l472" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutBounce
( )</code></div>
	<div class="description"><p>easeInOutBounce 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutCircle" class="method item">
	<h3>easeInOutCircle()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l320" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutCircle
( )</code></div>
	<div class="description"><p>easeInOutCircle 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutCubic" class="method item">
	<h3>easeInOutCubic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l209" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutCubic
( )</code></div>
	<div class="description"><p>easeInOutCubic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutElastic" class="method item">
	<h3>easeInOutElastic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l418" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutElastic
( )</code></div>
	<div class="description"><p>easeInOutElastic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutExpo" class="method item">
	<h3>easeInOutExpo()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l500" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutExpo
( )</code></div>
	<div class="description"><p>easeInOutExpo 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutQuad" class="method item">
	<h3>easeInOutQuad()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l172" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutQuad
( )</code></div>
	<div class="description"><p>easeInOutQuad 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutQuart" class="method item">
	<h3>easeInOutQuart()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l246" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutQuart
( )</code></div>
	<div class="description"><p>easeInOutQuart 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutQuint" class="method item">
	<h3>easeInOutQuint()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l283" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutQuint
( )</code></div>
	<div class="description"><p>easeInOutQuint 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInOutSine" class="method item">
	<h3>easeInOutSine()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l135" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInOutSine
( )</code></div>
	<div class="description"><p>easeInOutSine 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInQuad" class="method item">
	<h3>easeInQuad()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l154" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInQuad
( )</code></div>
	<div class="description"><p>easeInQuad 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInQuart" class="method item">
	<h3>easeInQuart()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l228" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInQuart
( )</code></div>
	<div class="description"><p>easeInQuart 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInQuint" class="method item">
	<h3>easeInQuint()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l265" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInQuint
( )</code></div>
	<div class="description"><p>easeInQuint 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeInSine" class="method item">
	<h3>easeInSine()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l117" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeInSine
( )</code></div>
	<div class="description"><p>easeInSine 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOut" class="method item">
	<h3>easeOut()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l744" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOut
( )</code></div>
	<div class="description"><p>easeOut 이펙트 함수
easeOutCubic 함수와 동일하다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="easeOutCubic.html" target="_self">easeOutCubic</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutBack" class="method item">
	<h3>easeOutBack()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l349" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutBack
( )</code></div>
	<div class="description"><p>easeOutBack 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutBounce" class="method item">
	<h3>easeOutBounce()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l446" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutBounce
( )</code></div>
	<div class="description"><p>easeOutBounce 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutCircle" class="method item">
	<h3>easeOutCircle()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l311" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutCircle
( )</code></div>
	<div class="description"><p>easeOutCircle 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutCubic" class="method item">
	<h3>easeOutCubic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l200" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutCubic
( )</code></div>
	<div class="description"><p>easeOutCubic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutElastic" class="method item">
	<h3>easeOutElastic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l394" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutElastic
( )</code></div>
	<div class="description"><p>easeOutElastic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutExpo" class="method item">
	<h3>easeOutExpo()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l491" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutExpo
( )</code></div>
	<div class="description"><p>easeOutExpo 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutIn" class="method item">
	<h3>easeOutIn()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l762" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutIn
( )</code></div>
	<div class="description"><p>easeOutIn 이펙트 함수
easeOutInCubic 함수와 동일하다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="easeOutInCubic.html" target="_self">easeOutInCubic</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInCircle" class="method item">
	<h3>easeOutInCircle()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l329" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInCircle
( )</code></div>
	<div class="description"><p>easeOutInCircle 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInCubic" class="method item">
	<h3>easeOutInCubic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l218" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInCubic
( )</code></div>
	<div class="description"><p>easeOutInCubic 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInExpo" class="method item">
	<h3>easeOutInExpo()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l509" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInExpo
( )</code></div>
	<div class="description"><p>easeOutExpo 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInQuad" class="method item">
	<h3>easeOutInQuad()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l181" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInQuad
( )</code></div>
	<div class="description"><p>easeOutInQuad 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInQuart" class="method item">
	<h3>easeOutInQuart()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l255" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInQuart
( )</code></div>
	<div class="description"><p>easeOutInQuart 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInQuint" class="method item">
	<h3>easeOutInQuint()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l292" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInQuint
( )</code></div>
	<div class="description"><p>easeOutInQuint 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutInSine" class="method item">
	<h3>easeOutInSine()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l144" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutInSine
( )</code></div>
	<div class="description"><p>easeOutInSine 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutQuad" class="method item">
	<h3>easeOutQuad()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l163" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutQuad
( )</code></div>
	<div class="description"><p>easeOutQuad 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutQuart" class="method item">
	<h3>easeOutQuart()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l237" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutQuart
( )</code></div>
	<div class="description"><p>easeOutQuart 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutQuint" class="method item">
	<h3>easeOutQuint()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l274" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutQuint
( )</code></div>
	<div class="description"><p>easeOutQuint 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_easeOutSine" class="method item">
	<h3>easeOutSine()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l126" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>easeOutSine
( )</code></div>
	<div class="description"><p>easeOutSine 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_elastic" class="method item">
	<h3>elastic()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l780" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>elastic
( )</code></div>
	<div class="description"><p>elastic 이펙트 함수
easeInElastic 함수와 동일하다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
        <div class="see">
            <h4>참고</h4>
		    
	            <div class="example-content">
	                <a href="easeInElastic.html" target="_self">easeInElastic</a>
	            </div>
		    
        </div>
    
    
    
    
    

</div>

	        
	            
<div id="method_linear" class="method item">
	<h3>linear()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l107" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>linear
( )</code></div>
	<div class="description"><p>linear 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_mirror" class="method item">
	<h3>mirror()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l683" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>mirror
( )</code></div>
	<div class="description"><p>mirror 이펙트 함수
sinusoidal 이펙트 함수를 사용한다.</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_overphase" class="method item">
	<h3>overphase()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l662" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>overphase
( )</code></div>
	<div class="description"><p>overphase 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_pulse" class="method item">
	<h3>pulse()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l694" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>pulse
(nPulse:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>)
:<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></code></div>
	<div class="description"><p>nPulse의 진동수를 가지는 cos 함수를 구한다.</p></div>

	
	
    
        <div class="params">
			<h4>매개 변수</h4>

            <ul class="params-list">
            
<li class="param  last">
    
    
        <code class="name">nPulse</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">진동수</p>

	
	
    
</li>

            </ul>
        </div>
    
	
    
        <div class="params">
			<h4>반환값</h4>
            <ul class="params-list">
            
<li class="param  last">
    
	<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
	<p class="description">생성된 이펙트 함수</p>
	
</li>

            </ul>
        </div>
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">var f = jindo.Effect.pulse(3); //진동수 3을 가지는 함수를 리턴
//시작 수치 값과 종료 수치 값을 설정해 jindo.Effect 함수를 생성
var fEffect = f(0, 100);
fEffect(0); =&gt; 0
fEffect(1); =&gt; 100
</code></pre>
            </div>
        </div>
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_sinusoidal" class="method item">
	<h3>sinusoidal()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l673" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>sinusoidal
( )</code></div>
	<div class="description"><p>sin 곡선의 일부를 이용한 sinusoidal 이펙트 함수</p></div>

	
	
    
	
    
    	
    
        	
    
    
    
    
    
    
    

</div>

	        
	            
<div id="method_wave" class="method item">
	<h3>wave()
		<span>메서드</span>
        
        
        <!--
        
        -->
        
            <span class="flag static" title="static"><span class="blind">static</span></span>
        
        
        
		
		<span class="btn_code"><a href="../files/source_jindo.Effect.js.html#l714" title="view source code"><span class="blind">소스코드</span></a></span>
    </h3>
	<div class="syntax"><code>wave
(nPeriod:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>, nHeight:<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>)
:<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></code></div>
	<div class="description"><p>nPeriod의 주기와 nHeight의 진폭을 가지는 sin 함수를 구한다.</p></div>

	
	
    
        <div class="params">
			<h4>매개 변수</h4>

            <ul class="params-list">
            
<li class="param  ">
    
    
        <code class="name">nPeriod</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">주기</p>

	
	
    
</li>

<li class="param  last">
    
    
        <code class="name">nHeight</code>
        <span class="type">: <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
    

    

    <p class="description">진폭</p>

	
	
    
</li>

            </ul>
        </div>
    
	
    
        <div class="params">
			<h4>반환값</h4>
            <ul class="params-list">
            
<li class="param  last">
    
	<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
	<p class="description">생성된 이펙트 함수</p>
	
</li>

            </ul>
        </div>
    
    	
    
        	
    
        <div class="example">
            <h4>예제</h4>

            <div class="example-content">
                <pre class="code"><code class="prettyprint">var f = jindo.Effect.wave(3, 1); //주기 3, 높이 1을 가지는 함수를 리턴
//시작 수치 값과 종료 수치 값을 설정해 jindo.Effect 함수를 생성
var fEffect = f(0, 100);
fEffect(0); =&gt; 0
fEffect(1); =&gt; 0
</code></pre>
            </div>
        </div>
    
    
    
    
    
    
    

</div>

	        
	    </div>
    
	
	

    
        <div class="tc-panel">
			<h2 id="demo">데모</h2>
			<div class="demo">
				<ul class="demo_list" id="demo_list">
		            
		                <li><a href="../../../demo/jindo.Effect/1. sample.html" id="demo_a13f6c009e57575a6331cec5c831209f" title="여러가지&nbsp;이펙트&nbsp;함수들을&nbsp;직접&nbsp;테스트&nbsp;해&nbsp;볼&nbsp;수&nbsp;있는&nbsp;예제입니다." target="_blank">이펙트&nbsp;함수&nbsp;종류</a></li>
		            
	            </ul>
				<div class="demo_example" id="demo_example">
					<div class="clipboard" style="display:block">
						<p class="description" id="demo_desc"></p>
						<iframe src="about:blank" id="demo_iframe" name="demo_iframe" width="100%" height="366" frameborder="0"></iframe>
					</div>
				</div>
				<button type="button" id="btn_external" class="btn_external">새창으로 열기</button>
			</div>
        </div>
    
	    
	
	
	<div class="btn_top" id="btn_top">
		<a title="맨위로" href="#"><span class="blind">맨위로</span></a>
	</div>	

</div>
<!-- // content -->

			</div>
		</div>
		<!-- // main content -->

	</div>
	<!-- // container -->

	<!-- footer -->
	<div id="footer">
		<p>Copyright ©<a href="http://nhncorp.com/" target="_blank">NHN Corp.</a> Platform Ajax Team. All Rights Reserved.</p>
	</div>
	<!-- // footer -->

</div>
<!-- // wrap -->

<style type="text/css">

	.item {
		transition:background .2s linear;
		-webkit-transition:background .2s linear;
		-moz-transition:background .2s linear;
		-o-transition:background .2s linear;
		-ms-transition:background .2s linear;
	}
	
	.highlight {
		background-color:#ffffd8 !important;
	}
	
	li.selected a.highlight {
		background-color:#aa8 !important;
	}
	
	.hide-deprecated .deprecated-item, .hide-inherited .inherited-item, .private {
		display:none;
	}
	
	.scrollbar-v, .scrollbar-h { display:none; }
	.scrollbar-show { display:block; }
	
	.api-page .tbl_fold .more_history { display:none; }
	
	/* FILE */
	.file pre.code {
		border:1px solid #ccc;
		padding:0;
	}
	
	.file ol {
		padding-left: 4em;
		background-color: #f9f9f9;
	}

	.file ol li {
		list-style: decimal;
		border-left:1px solid #ccc;
		padding:2px 4px;
	}
	
	.file li.L1, .file li.L3, .file li.L5, .file li.L7, .file li.L9 {
		background-color: #f9f9f9;	
	}

	.file li.L0, .file li.L2, .file li.L4, .file li.L6, .file li.L8 { 
		background-color: #f0f0f0;
	}
	
</style>
<script type="text/javascript" src="../assets/prettify/prettify-min.js"></script>
<script type="text/javascript" src="../assets/hash.js"></script>
<script type="text/javascript" src="../assets/api-list.js"></script>
<script type="text/javascript" src="../assets/api-search.js"></script>
<script type="text/javascript" src="../assets/../api.js?callback=APISearch.setData"></script>
<script type="text/javascript">
	var projectRoot = "../";
	var projectAssets = "../assets";
	
    apiDocs(projectAssets);	
</script>
</body>
</html>